<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- HEAD -->
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>织梦58</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="by www.dede58.com">

<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- GLOBAL MANDATORY STYLES -->

<link href="/dede58/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/et-line/et-line.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/landing.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN THEME PLUGINS STYLE -->
<link href="/dede58/plugins/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/animate.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/dzsparallaxer/dzsparallaxer.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/owl-carousel/assets/owl.carousel.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/rev-slider/css/settings.css" rel="stylesheet" type="text/css">
<link href="/dede58/plugins/rev-slider/css/layers.css" rel="stylesheet" type="text/css">
<link href="/dede58/plugins/rev-slider/css/navigation.css" rel="stylesheet" type="text/css">
<!-- END THEME PLUGINS STYLE -->

<!-- THEME STYLES -->
<link href="http://p022ygu5e.bkt.clouddn.com/css/global.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->

<!-- THEME -->
<link href="/dede58/css/theme/dark.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/theme/base.css" rel="stylesheet" type="text/css" id="style-color"/>
<!-- END THEME -->

<!-- BEGIN JQUERY -->
<script type="text/javascript" src="/dede58/plugins/jquery.min.js"></script>
<!-- END JQUERY -->
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.video.min.js"></script>
<!-- FAVICON -->
<link rel="shortcut icon" href="favicon.ico"/>
<!-- END FAVICON -->
</head>
<!-- END HEAD -->
<!-- BODY -->
<body>

<!-- WRAPPER -->
<div class="wrapper animsition"> 
  <!--========== HEADER TRANSPARENT ==========-->
  <header class="header-transparent header-transparent-bb navbar-fixed-top header-sticky">
    <link href="/dede58/css/theme/red.css" rel="stylesheet" type="text/css"/>
    <!-- Navbar -->
    <nav class="navbar mega-menu" role="navigation">
      <div class="container"> 
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="menu-container">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse"> <span class="sr-only">导航</span> <span class="toggle-icon"></span> </button>
          <div class="navbar-actions"> 
            <!-- Search Fullscreen -->
            <div class="navbar-actions-shrink search-fullscreen search-fullscreen-trigger-white">
              <div class="search-fullscreen-trigger"> <i class="search-fullscreen-trigger-icon fa fa-search"></i> </div>
              <div class="search-fullscreen-overlay">
                <div class="search-fullscreen-overlay-content">
                  <div class="search-fullscreen-input-group">
                    <form method="post" class="form" name="formsearch" action="/plus/search.php">
                      <input class="form-control search-fullscreen-input" placeholder="搜索内容 ..." type="text" name="q">
                      <select name="searchtype" class="search-option" id="search-option" type="hidden" style="display:none">
                        <option value="title" selected='1'>检索标题</option>
                        <option value="titlekeyword">智能模糊</option>
                      </select>
                      <button class="search-fullscreen-search" type="submit"><i class="search-fullscreen-search-icon fa fa-search"></i></button>
                    </form>
                  </div>
                </div>
              </div>
              <div class="search-fullscreen-bg-overlay">
                <div class="search-fullscreen-close">×</div>
              </div>
            </div>
            <!-- End Search Fullscreen --> 
            
          </div>
          <!-- Logo -->
          <div class="navbar-logo"> <a class="navbar-logo-wrap" href="/"> <img class="navbar-logo-img navbar-logo-img-white" src="/dede58/img/logo-default-white.png" alt="Ark"> <img class="navbar-logo-img navbar-logo-img-dark" src="/dede58/img/logo-default.png" alt="Ark"> </a> </div>
          <!-- End Logo --> 
        </div>
        
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse nav-collapse">
          <div class="menu-container">
            <ul class="nav navbar-nav">
              <!-- Home -->
              <li class="nav-item dropdown"> <a class="nav-item-child dropdown-toggle radius-3" href="/" data-toggle="dropdown"> 首页 </a>
                <ul class="dropdown-menu">
                  <!-- Default -->
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/index.html">首页效果1</a></li>
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/index2.html">首页效果2</a></li>
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/index3.html">首页红色</a></li>
                </ul>
              </li>
              <!-- End Home -->
              
              <li class="nav-item dropdown"> <a class="nav-item-child dropdown-toggle radius-3" href="/a/news/" data-toggle="dropdown"> 新闻中心 </a>
                <ul class="dropdown-menu">
                  <!-- Default -->
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/news/chanpindongtai/">产品动态</a></li>
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/news/gongsixinwen/">公司新闻</a></li>
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/news/xingyezhishi/">行业知识</a></li>
                </ul>
              </li>
              <li class="nav-item dropdown"> <a class="nav-item-child dropdown-toggle radius-3" href="/a/anni/" data-toggle="dropdown"> 产品案例 </a>
                <ul class="dropdown-menu">
                  <!-- Default -->
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/anni/pingmian/">平面设计</a></li>
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/anni/shouji/">手机应用</a></li>
                  <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/anni/websj/">网页设计</a></li>
                </ul>
              </li>
              <li class="nav-item "> <a class="nav-item-child dropdown-toggle radius-3" href="/a/guanyuwomen/"> 关于我们 </a> </li>
              <li class="nav-item "> <a class="nav-item-child dropdown-toggle radius-3" href="/a/fuwuzhongxin/"> 服务中心 </a> </li>
              <li class="nav-item "> <a class="nav-item-child dropdown-toggle radius-3" href="/a/lianxiwomen/"> 联系我们 </a> </li>
              <li class="nav-item "> <a class="nav-item-child dropdown-toggle radius-3" href="/a/wenzhangboke/"> 文章博客 </a> </li>
            </ul>
          </div>
        </div>
        <!-- End Navbar Collapse --> 
      </div>
      <!--// End Container--> 
    </nav>
    <!-- Navbar --> 
  </header>
  <!--========== END HEADER TRANSPARENT ==========--> 
  
  <!--========== PROMO BLOCK V1 ==========-->
  <div class="rev_slider_wrapper fullwidthbanner-container" style="margin: 0 auto; background-color: #f7f8fa; padding: 0; color: #fff; margin-top: 0; margin-bottom: 0;">
    <div id="rev-slider1" class="rev_slider fullwidthabanner" style="display: none;">
      <ul>
        <!-- Slide -->
        <li data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-saveperformance="off" data-title="Creative People"> 
          <!-- Main Image --> 
          <img src="http://p022ygu5e.bkt.clouddn.com/1920x1080/05.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
          <!-- Layers -->
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-90']"
                        data-fontsize="['40','40','40','30']"
                        data-lineheight="['55','55','55','45']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> www.dede58.com </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','-0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-15']"
                        data-fontsize="['110','110','110','55']"
                        data-lineheight="['130','130','130','75']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                        data-mask_in="x:0px;y:0px;"
                        data-mask_out="x:inherit;y:inherit;"
                        data-start="1000"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> 织梦58模板平台 </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','60']"
                        data-fontsize="['30','30','30','20']"
                        data-lineheight="['40','40','40','30']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="1500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; font-style: italic; white-space: nowrap;"> 织梦58致力于打造一个优秀的建站资源共享平台 </div>
          <div class="tp-caption"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['200','220','220','200']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="2000"
                        data-splitin="none"
                        data-splitout="none"
                        data-responsive_offset="on"
                        data-responsive="off"
                        style="z-index: 9; white-space: nowrap;">
            <button type="button" class="btn-white-bg btn-base-md radius-3">查看更多</button>
          </div>
        </li>
        <!-- End Slide --> 
        
        <!-- Slide -->
        <li data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-saveperformance="off" data-title="First Priority"> 
          <!-- Main Image --> 
          <img src="http://p022ygu5e.bkt.clouddn.com/1920x1080/02.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
          <!-- Layers -->
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-90']"
                        data-fontsize="['40','40','40','30']"
                        data-lineheight="['55','55','55','45']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> www.dede58.com </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-15']"
                        data-fontsize="['110','110','110','55']"
                        data-lineheight="['130','130','130','75']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                        data-mask_in="x:0px;y:0px;"
                        data-mask_out="x:inherit;y:inherit;"
                        data-start="1000"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> 织梦58模板平台 </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','90']"
                        data-fontsize="['30','30','30','20']"
                        data-lineheight="['40','40','40','30']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="1500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; font-style: italic; white-space: nowrap;"> 织梦58致力于打造一个优秀的建站资源共享平台 </div>
          <div class="tp-caption"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['200','220','220','200']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="2000"
                        data-splitin="none"
                        data-splitout="none"
                        data-responsive_offset="on"
                        data-responsive="off"
                        style="z-index: 9; white-space: nowrap;">
            <button type="button" class="btn-white-bg btn-base-md radius-3">了解更多</button>
          </div>
        </li>
        <!-- End Slide --> 
        
        <!-- Slide -->
        <li data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-saveperformance="off" data-title="Join Us"> 
          <!-- Main Image --> 
          <img src="http://p022ygu5e.bkt.clouddn.com/1920x1080/07.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
          <!-- Layers -->
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-90']"
                        data-fontsize="['40','40','40','30']"
                        data-lineheight="['55','55','55','45']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> www.dede58.com </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','-0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-15']"
                        data-fontsize="['110','110','110','55']"
                        data-lineheight="['130','130','130','75']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                        data-mask_in="x:0px;y:0px;"
                        data-mask_out="x:inherit;y:inherit;"
                        data-start="1000"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> 织梦58模板平台 </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','60']"
                        data-fontsize="['30','30','30','20']"
                        data-lineheight="['40','40','40','30']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="1500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; font-style: italic; white-space: nowrap;"> 织梦58致力于打造一个优秀的建站资源共享平台 </div>
          <div class="tp-caption"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['200','220','220','200']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="2000"
                        data-splitin="none"
                        data-splitout="none"
                        data-responsive_offset="on"
                        data-responsive="off"
                        style="z-index: 9; white-space: nowrap;">
            <button type="button" class="btn-white-bg btn-base-md radius-3">查看更多</button>
          </div>
        </li>
        <!-- End Slide -->
      </ul>
      <div class="tp-bannertimer" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);"></div>
    </div>
  </div>
  <!--========== END PROMO BLOCK V1 ==========-->
  <div id="scroll_to_tools" class="bg-color-sky-light">
    <div class="content-md container"> 
      <!-- Landing Heading v1 -->
      <div class="l-heading-v1 text-center margin-b-80">
        <h3 class="l-heading-v1-title">关于我们</h3>
        <p class="l-heading-v1-text">织梦58官方网站一直致力于打造一个优秀的建站资源共享学习平台</p>
      </div>
      <!-- End Landing Heading v1 -->
      
      <div class="row margin-b-30">
        <div class="col-md-4 md-margin-b-30"> 
          <!-- Landing Services v2 -->
          <div class="l-services-v2 l-services-v2-equal-height radius-5" style="height: 372px;"> <span class="l-services-v2-icon-wrap radius-circle"> <img class="l-services-v2-icon" src="http://p022ygu5e.bkt.clouddn.com/icons/01.png" alt=""> </span>
            <h3 class="l-services-v2-title">网站模板</h3>
            <p class="margin-b-0">织梦58一直致力于打造一个优秀的建站资源共享学习平台</p>
          </div>
          <!-- End Landing Services v2 --> 
        </div>
        <div class="col-md-4 md-margin-b-30"> 
          <!-- Landing Services v2 -->
          <div class="l-services-v2 l-services-v2-equal-height radius-5" style="height: 372px;"> <span class="l-services-v2-icon-wrap radius-circle"> <img class="l-services-v2-icon" src="http://p022ygu5e.bkt.clouddn.com/icons/03.png" alt=""> </span>
            <h3 class="l-services-v2-title">视频教程</h3>
            <p class="margin-b-0">织梦58一直致力于打造一个优秀的建站资源共享学习平台</p>
          </div>
          <!-- End Landing Services v2 --> 
        </div>
        <div class="col-md-4"> 
          <!-- Landing Services v2 -->
          <div class="l-services-v2 l-services-v2-equal-height radius-5" style="height: 372px;"> <span class="l-services-v2-icon-wrap radius-circle"> <img class="l-services-v2-icon" src="http://p022ygu5e.bkt.clouddn.com/icons/02.png" alt=""> </span>
            <h3 class="l-services-v2-title">在线培训</h3>
            <p class="margin-b-0">织梦58一直致力于打造一个优秀的建站资源共享学习平台</p>
          </div>
          <!-- End Landing Services v2 --> 
        </div>
      </div>
      <!--// end row --> 
      
    </div>
  </div>
  <!-- Web Design -->
  <div class="full-width-container"> 
    <!-- Equal Height Interactive Banner -->
    <div class="equal-height-ib">
      <div class="row">
        <div class="col-sm-6 no-space equal-height-ib-one equal-height-ib-sm-height-auto"> 
          <!-- Vertical Center Align -->
          <div class="equal-height-ib-ver-center-align padding-50"> 
            <!-- Heading v1 -->
            <div class="heading-v1 margin-b-30">
              <h2 class="heading-v1-title">在线培训</h2>
            </div>
            <!-- End Heading v1 -->
            
            <p class="margin-b-20">观看织梦58学院里的网站建设视频课程，对网站建设流程有一个初步的了解。认识html语言，div+css布局等一些建站基础知识。织梦58老师通过QQ群远程教学，全面系统的给大家讲解建站知识。内容涉及网站搭建，网站优化，模板开发等最新建站技术。自己搭建一个网站并开发一套模板，碰到不理解或不会的，可以咨询我们在线QQ辅导员，我们每天8小时在线提供顾问式指导。</p>
            <ul class="list-unstyled lists-base margin-b-30">
              <li><i class="lists-item-element fa fa-angle-right"></i> <a href="#">第一阶段：预习</a></li>
              <li><i class="lists-item-element fa fa-angle-right"></i> <a href="#">第二阶段：上课</a></li>
              <li><i class="lists-item-element fa fa-angle-right"></i> <a href="#">第三阶段：实践</a></li>
            </ul>
            <button type="button" class="btn-dark-brd btn-base-sm radius-3 text-uppercase">了解更多</button>
          </div>
          <!-- End Vertical Center Align --> 
        </div>
        
        <!-- Parallax -->
        <div class="col-sm-6 no-space equal-height-ib-two equal-height-ib-sm-height-auto">
          <div class="dzsparallaxer auto-init" data-options='{ direction: "normal"}' style="height: 550px;"> 
            <!-- Background Image -->
            <div class="equal-height-ib-bg-img">
              <div class="divimage dzsparallaxer--target" style="width: 100%; height: 800px; background: url(http://p022ygu5e.bkt.clouddn.com/970x970/04.jpg);"> </div>
              <div class="center-aligned-block text-center"> <span class="font-size-100 fweight-400 color-white">培训</span> </div>
              <img src="http://p022ygu5e.bkt.clouddn.com/widgets/square-transparent.png" alt=""> </div>
            <!-- End Background Image --> 
          </div>
        </div>
        <!-- End Parallax --> 
      </div>
      <!--// end row --> 
    </div>
    <!-- End Equal Height Interactive Banner --> 
  </div>
  <!-- End Web Design --> 
  
  <!-- Icon Box v3 -->
  <div class="full-width-container"> 
    <!-- Equal Height Interactive Banner -->
    <div class="equal-height-ib">
      <div class="row">
        <div class="col-sm-6 col-sm-push-6 no-space equal-height-ib-two equal-height-ib-sm-height-auto">
          <div class="equal-height-ib-ver-center-align padding-50"> 
            <!-- Heading v1 -->
            <div class="heading-v1 margin-b-40">
              <h2 class="heading-v1-title">服务中心</h2>
            </div>
            <!-- End Heading v1 --> 
            
            <!-- Icon Box v3 -->
            <div class="icon-box-v3 margin-b-40"> <i class="icon-box-v3-icons icon-tools"></i>
              <h3 class="icon-box-v3-title">网站设计</h3>
              <p class="icon-box-v3-text">织梦58专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。我们致力于打造一个优秀的建站资源共享学习平台</p>
            </div>
            <!-- End Icon Box v3 --> 
            
            <!-- Icon Box v3 -->
            <div class="icon-box-v3"> <i class="icon-box-v3-icons icon-presentation"></i>
              <h3 class="icon-box-v3-title">手机应用</h3>
              <p class="icon-box-v3-text">织梦58专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。我们致力于打造一个优秀的建站资源共享学习平台</p>
            </div>
            <!-- End Icon Box v3 --> 
          </div>
        </div>
        <div class="col-sm-6 col-sm-pull-6 no-space equal-height-ib-one equal-height-ib-sm-height-auto"> 
          <!-- Parallax -->
          <div class="dzsparallaxer auto-init" data-options='{ direction: "normal"}' style="height: 550px;">
            <div class="equal-height-ib-bg-img">
              <div class="divimage dzsparallaxer--target" style="width: 100%; height: 800px; background: url(http://p022ygu5e.bkt.clouddn.com/970x970/05.jpg);"> </div>
              <div class="center-aligned-block text-center"> <span class="font-size-100 fweight-400 color-white">服务</span> </div>
              <img src="http://p022ygu5e.bkt.clouddn.com/widgets/square-transparent.png" alt=""> </div>
          </div>
          <!-- End Parallax --> 
        </div>
      </div>
      <!--// end row --> 
    </div>
    <!-- End Equal Height Interactive Banner --> 
  </div>
  <!-- End Icon Box v3 --> 
  
  <!-- Team V3 -->
  <div class="bg-color-sky-light">
    <div class="content-sm container"> 
      <!-- Heading v1 -->
      <div class="heading-v1 text-center margin-b-80">
        <h2 class="heading-v1-title">团队人员</h2>
        <p class="heading-v1-text">织梦58官方网站一直致力于打造一个优秀的建站资源共享学习平台</p>
      </div>
      <!-- End Heading v1 -->
      
      <div class="row margin-b-20">
        <div class="col-sm-4 sm-margin-b-70"> 
          <!-- Team v1 -->
          <div class="team-v1"> <img class="full-width img-responsive" src="http://p022ygu5e.bkt.clouddn.com/members/08.jpg" alt="">
            <div class="team-v1-content">
              <h4 class="team-v1-member">Sara Glaser</h4>
              <ul class="list-inline team-v1-socials">
                <li><a class="team-v1-socials-link" href="#">微博</a></li>
                <li><a class="team-v1-socials-link" href="#">微信</a></li>
                <li><a class="team-v1-socials-link" href="#">QQ</a></li>
              </ul>
            </div>
          </div>
          <!-- End Team v1 --> 
        </div>
        <div class="col-sm-4 sm-margin-b-70"> 
          <!-- Team v1 -->
          <div class="team-v1 active"> <img class="full-width img-responsive" src="http://p022ygu5e.bkt.clouddn.com/members/09.jpg" alt="">
            <div class="team-v1-content">
              <h4 class="team-v1-member">David Martin</h4>
              <ul class="list-inline team-v1-socials">
                <li><a class="team-v1-socials-link" href="#">微博</a></li>
                <li><a class="team-v1-socials-link" href="#">微信</a></li>
                <li><a class="team-v1-socials-link" href="#">QQ</a></li>
              </ul>
            </div>
          </div>
          <!-- End Team v1 --> 
        </div>
        <div class="col-sm-4"> 
          <!-- Team v1 -->
          <div class="team-v1"> <img class="full-width img-responsive" src="http://p022ygu5e.bkt.clouddn.com/members/06.jpg" alt="">
            <div class="team-v1-content">
              <h4 class="team-v1-member">Tina Krueger</h4>
              <ul class="list-inline team-v1-socials">
                <li><a class="team-v1-socials-link" href="#">微博</a></li>
                <li><a class="team-v1-socials-link" href="#">微信</a></li>
                <li><a class="team-v1-socials-link" href="#">QQ</a></li>
              </ul>
            </div>
          </div>
          <!-- End Team v1 --> 
        </div>
      </div>
      <!--// end row --> 
    </div>
  </div>
  <!-- End Team V3 --> 
  
  <!-- Theme Portfolio -->
  <div class="theme-portfolio">
    <div class="content-sm container-sm">
      <div class="row">
        <div class="col-sm-6 sm-text-center sm-margin-b-20"> 
          <!-- Heading v1 -->
          <div class="heading-v1 margin-t-10">
            <h2 class="heading-v1-title margin-b-0">产品案例</h2>
          </div>
          <!-- End Heading v1 --> 
        </div>
        <div class="col-sm-6"> 
          <!-- Portfolio 4 Columns Fullwidth Filter -->
          <div id="portfolio-4-col-fullwidth-filter" class="cbp-l-filters-alignRight">
            <div data-filter="*" class="cbp-filter-item-active cbp-filter-item margin-b-0"> 全部
              <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".手机应用" class="cbp-filter-item margin-b-0"> 手机应用
              <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".网站设计" class="cbp-filter-item margin-b-0"> 网站设计
              <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".平面设计" class="cbp-filter-item margin-b-0"> 平面设计
              <div class="cbp-filter-counter"></div>
            </div>
          </div>
          <!-- End Portfolio 4 Columns Fullwidth Filter --> 
        </div>
      </div>
      <!--// end row --> 
    </div>
    
    <!-- Portfolio 4 Columns Fullwidth -->
    <div id="portfolio-4-col-fullwidth" class="cbp">
      <div class="cbp-item 网站设计 theme-portfolio-item-v3">
        <div class="cbp-caption wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
          <div class="cbp-caption-defaultWrap theme-portfolio-active-wrap"> <img src="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-1509121501270-L.jpg" alt="织梦58-建站资源共享学习平台" height="240" style="height:240px;"/>
            <div class="theme-portfolio-lightbox"> <a class="cbp-lightbox" href="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-1509121501270-L.jpg" data-title="织梦58-建站资源共享学习平台"> <i class="theme-portfolio-item-v3-icon"></i> </a> </div>
            <div class="theme-portfolio-item-v3-heading">
              <h4 class="theme-portfolio-item-v3-title"><a href="/a/anni/websj/2015/0912/16.html" target="_blank">织梦58-建站资源共享学习平台</a></h4>
              <span class="theme-portfolio-item-v3-subtitle">织梦58（www.dede58.com）专业提供网站模板，</span> </div>
          </div>
        </div>
      </div>
      <div class="cbp-item 手机应用 theme-portfolio-item-v3">
        <div class="cbp-caption wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
          <div class="cbp-caption-defaultWrap theme-portfolio-active-wrap"> <img src="http://p022ygu5e.bkt.clouddn.com/allimg/150731/1-150I11A5030-L.jpg" alt="在网页设计中运用柔和色调" height="240" style="height:240px;"/>
            <div class="theme-portfolio-lightbox"> <a class="cbp-lightbox" href="http://p022ygu5e.bkt.clouddn.com/allimg/150731/1-150I11A5030-L.jpg" data-title="在网页设计中运用柔和色调"> <i class="theme-portfolio-item-v3-icon"></i> </a> </div>
            <div class="theme-portfolio-item-v3-heading">
              <h4 class="theme-portfolio-item-v3-title"><a href="/a/anni/shouji/2015/0731/7.html" target="_blank">在网页设计中运用柔和色调</a></h4>
              <span class="theme-portfolio-item-v3-subtitle">网页中的柔和色调的使用，不止是近来的</span> </div>
          </div>
        </div>
      </div>
      <div class="cbp-item 平面设计 theme-portfolio-item-v3">
        <div class="cbp-caption wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
          <div class="cbp-caption-defaultWrap theme-portfolio-active-wrap"> <img src="/uploads/150731/1-150I11I315O9.jpg" alt="导航设计模式的重要意义" height="240" style="height:240px;"/>
            <div class="theme-portfolio-lightbox"> <a class="cbp-lightbox" href="/uploads/150731/1-150I11I315O9.jpg" data-title="导航设计模式的重要意义"> <i class="theme-portfolio-item-v3-icon"></i> </a> </div>
            <div class="theme-portfolio-item-v3-heading">
              <h4 class="theme-portfolio-item-v3-title"><a href="/a/anni/pingmian/2015/0731/6.html" target="_blank">导航设计模式的重要意义</a></h4>
              <span class="theme-portfolio-item-v3-subtitle">Gmai 就 是单页应用的一个很好的例子，其</span> </div>
          </div>
        </div>
      </div>
      <div class="cbp-item 网站设计 theme-portfolio-item-v3">
        <div class="cbp-caption wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
          <div class="cbp-caption-defaultWrap theme-portfolio-active-wrap"> <img src="http://p022ygu5e.bkt.clouddn.com/allimg/150731/1-150I11H0260-L.jpg" alt="芯片市场竞争激烈，高通裁员 15 %、考虑进行拆分" height="240" style="height:240px;"/>
            <div class="theme-portfolio-lightbox"> <a class="cbp-lightbox" href="http://p022ygu5e.bkt.clouddn.com/allimg/150731/1-150I11H0260-L.jpg" data-title="芯片市场竞争激烈，高通裁员 15 %、考虑进行拆分"> <i class="theme-portfolio-item-v3-icon"></i> </a> </div>
            <div class="theme-portfolio-item-v3-heading">
              <h4 class="theme-portfolio-item-v3-title"><a href="/a/anni/websj/2015/0731/5.html" target="_blank">芯片市场竞争激烈，高通裁员 1</a></h4>
              <span class="theme-portfolio-item-v3-subtitle">高通发布了截止到 2015 年 6 月 28 日的 2</span> </div>
          </div>
        </div>
      </div>
      <div class="cbp-item 手机应用 theme-portfolio-item-v3">
        <div class="cbp-caption wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
          <div class="cbp-caption-defaultWrap theme-portfolio-active-wrap"> <img src="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-1509121500440-L.jpeg" alt="5项提高产品设计的交互模式" height="240" style="height:240px;"/>
            <div class="theme-portfolio-lightbox"> <a class="cbp-lightbox" href="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-1509121500440-L.jpeg" data-title="5项提高产品设计的交互模式"> <i class="theme-portfolio-item-v3-icon"></i> </a> </div>
            <div class="theme-portfolio-item-v3-heading">
              <h4 class="theme-portfolio-item-v3-title"><a href="/a/anni/shouji/2015/0912/15.html" target="_blank">5项提高产品设计的交互模式</a></h4>
              <span class="theme-portfolio-item-v3-subtitle">在这个简短的移动端设计模式系列文章的</span> </div>
          </div>
        </div>
      </div>
      <div class="cbp-item 手机应用 theme-portfolio-item-v3">
        <div class="cbp-caption wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
          <div class="cbp-caption-defaultWrap theme-portfolio-active-wrap"> <img src="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-1509121500040-L.jpeg" alt="导航设计模式的重要意义" height="240" style="height:240px;"/>
            <div class="theme-portfolio-lightbox"> <a class="cbp-lightbox" href="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-1509121500040-L.jpeg" data-title="导航设计模式的重要意义"> <i class="theme-portfolio-item-v3-icon"></i> </a> </div>
            <div class="theme-portfolio-item-v3-heading">
              <h4 class="theme-portfolio-item-v3-title"><a href="/a/anni/shouji/2015/0912/14.html" target="_blank">导航设计模式的重要意义</a></h4>
              <span class="theme-portfolio-item-v3-subtitle">Gmai 就 是单页应用的一个很好的例子，其</span> </div>
          </div>
        </div>
      </div>
      <div class="cbp-item 手机应用 theme-portfolio-item-v3">
        <div class="cbp-caption wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
          <div class="cbp-caption-defaultWrap theme-portfolio-active-wrap"> <img src="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-1509121459210-L.jpeg" alt="好想立刻跳进蔚蓝里 全世界最大游泳池" height="240" style="height:240px;"/>
            <div class="theme-portfolio-lightbox"> <a class="cbp-lightbox" href="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-1509121459210-L.jpeg" data-title="好想立刻跳进蔚蓝里 全世界最大游泳池"> <i class="theme-portfolio-item-v3-icon"></i> </a> </div>
            <div class="theme-portfolio-item-v3-heading">
              <h4 class="theme-portfolio-item-v3-title"><a href="/a/anni/shouji/2015/0912/13.html" target="_blank">好想立刻跳进蔚蓝里 全世界最大</a></h4>
              <span class="theme-portfolio-item-v3-subtitle">查看原图智利首都圣地亚哥西的圣阿方索</span> </div>
          </div>
        </div>
      </div>
      <div class="cbp-item 手机应用 theme-portfolio-item-v3">
        <div class="cbp-caption wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
          <div class="cbp-caption-defaultWrap theme-portfolio-active-wrap"> <img src="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-150912145S80-L.png" alt="响应式Web设计的9项基本原则" height="240" style="height:240px;"/>
            <div class="theme-portfolio-lightbox"> <a class="cbp-lightbox" href="http://p022ygu5e.bkt.clouddn.com/allimg/150912/1-150912145S80-L.png" data-title="响应式Web设计的9项基本原则"> <i class="theme-portfolio-item-v3-icon"></i> </a> </div>
            <div class="theme-portfolio-item-v3-heading">
              <h4 class="theme-portfolio-item-v3-title"><a href="/a/anni/shouji/2015/0912/12.html" target="_blank">响应式Web设计的9项基本原则</a></h4>
              <span class="theme-portfolio-item-v3-subtitle">响应式web设计对于解决多类型屏幕问题来</span> </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Portfolio 4 Columns Fullwidth --> 
  </div>
  <!-- End Theme Portfolio --> 
  
  <!-- Call To Action v2 -->
  <section class="call-to-action-v2 bg-color-sky-light">
    <div class="content-sm container">
      <div class="center-content-hor-wrap-sm">
        <div class="center-content-hor-align-sm">
          <div class="theme-icons-wrap margin-r-10"><i class="theme-icons theme-icons-dark-brd theme-icons-lg radius-circle fa fa-thumbs-o-up"></i></div>
        </div>
        <div class="center-content-hor-align-sm">
          <h2 class="call-to-action-v2-title">www.dede58.com</h2>
          <p class="call-to-action-v2-text">织梦58官方网站一直致力于打造一个优秀的建站资源共享学习平台</p>
        </div>
        <div class="center-content-hor-align-sm text-right">
          <button type="button" class="btn-base-bg btn-base-md radius-3">联系我们</button>
        </div>
      </div>
    </div>
  </section>
  <!-- End Call To Action v2 --> 
  
  <!-- Interactive Banner v1 -->
  <div class="full-width-container"> 
    <!-- Equal Height Interactive Banner v1 -->
    <div class="row no-space-row equal-height-ib i-banner-v1">
      <div class="col-sm-6 equal-height-ib-one"> 
        <!-- Background Image -->
        <div class="equal-height-ib-bg-img bg-position-center-top"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x970/06.jpg" alt="">
          <div class="i-banner-v1-heading sm-padding-50"> <span class="i-banner-v1-member-position">Art Director</span>
            <h4 class="i-banner-v1-member">Leyla Gomez</h4>
          </div>
        </div>
        <!-- End Background Image --> 
      </div>
      <div class="col-sm-6 equal-height-ib-two equal-height-ib-sm-height-auto"> 
        <!-- Vertical Center Align -->
        <div class="equal-height-ib-ver-center-align padding-70 md-padding-40 sm-padding-50">
          <div class="margin-b-30">
            <p class="i-banner-v1-quote"></p>
            <p class="i-banner-v1-text">织梦58专业提供网站模板，网页模板，模板教程，网页制作，程序插件，网站素材等建站资源，我们致为于打造优秀的建站资源共享平台。从零开始系统全面的教你如何建立一个属于自己的网站并实现盈利。课程涉及网站搭建，网站SEO，模板开发等最新建站技术。</p>
          </div>
          
          <!-- Animate Theme Icons -->
          <ul class="list-inline ul-li-lr-2">
            <li class="animate-theme-icons"> <a class="animate-theme-icons-body animate-theme-icons-dark-bg theme-icons-md radius-3" href="#"> <i class="animate-theme-icons-element fa fa-weibo"></i> </a> </li>
            <li class="animate-theme-icons"> <a class="animate-theme-icons-body animate-theme-icons-dark-bg theme-icons-md radius-3" href="#"> <i class="animate-theme-icons-element fa fa-weixin"></i> </a> </li>
            <li class="animate-theme-icons"> <a class="animate-theme-icons-body animate-theme-icons-dark-bg theme-icons-md radius-3" href="#"> <i class="animate-theme-icons-element fa fa-qq"></i> </a> </li>
          </ul>
          <!-- End Animate Theme Icons --> 
        </div>
        <!-- End Vertical Center Align --> 
      </div>
    </div>
    <!-- End Equal Height Interactive Banner v1 --> 
  </div>
  <!-- End Interactive Banner v1 --> 
  
  <!-- Blog Classic -->
  <div class="bg-color-sky-light">
    <div class="content-md container"> 
      <!-- Heading v1 -->
      <div class="heading-v1 text-center margin-b-80">
        <h2 class="heading-v1-title">新闻中心</h2>
        <p class="heading-v1-text">织梦58官方网站一直致力于打造一个优秀的建站资源共享学习平台</p>
      </div>
      <!-- End Heading v1 --> 
      
      <!-- Blog Classic -->
      <div class="row">
        <div class="col-md-4 md-margin-b-30">
          <div class="overflow-h"> 
            <!-- Blog Classic -->
            <article class="blog-classic wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/allimg/161006/1-1610061A9300-L.gif" alt="织梦58实录网站建设视频培训课程" style="height:220px; width:100%">
              <div class="blog-classic-body">
                <h2 class="blog-classic-title">织梦58实录网站建</h2>
                <span class="blog-classic-subtitle">学会掌握： 能够自己搭建一个网站，并通过优化推广实现盈利 适合人群： 想网络创业</span>
                <p class="blog-classic-paragraph">2016-10-06</p>
              </div>
              <div class="blog-classic-overlay">
                <div class="blog-classic-hover"> <img class="blog-classic-hover-img" src="http://p022ygu5e.bkt.clouddn.com/allimg/161006/1-1610061A9300-L.gif" alt="织梦58实录网站建设视频培训课程"> </div>
                <div class="blog-classic-overlay-body">
                  <h2 class="blog-classic-title">织梦58实录网站建</h2>
                  <span class="blog-classic-subtitle">学会掌握： 能够自己搭建一个网站，并通过优化推广实现盈利 适合人群： 想网络创业</span>
                  <p class="blog-classic-paragraph">2016-10-06</p>
                </div>
              </div>
              <a href="/a/news/gongsixinwen/2016/1006/26.html" class="blog-classic-link"></a> </article>
            <!-- End Blog Classic --> 
          </div>
        </div>
        <div class="col-md-4 md-margin-b-30">
          <div class="overflow-h"> 
            <!-- Blog Classic -->
            <article class="blog-classic wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/allimg/161006/1-1610061A6060-L.jpg" alt="织梦58建站培训班正在招生中" style="height:220px; width:100%">
              <div class="blog-classic-body">
                <h2 class="blog-classic-title">织梦58建站培训班</h2>
                <span class="blog-classic-subtitle">织梦58成立于2010年，至今已经发展成为国内最大的模板分享平台，为广大网站建设从业</span>
                <p class="blog-classic-paragraph">2016-10-06</p>
              </div>
              <div class="blog-classic-overlay">
                <div class="blog-classic-hover"> <img class="blog-classic-hover-img" src="http://p022ygu5e.bkt.clouddn.com/allimg/161006/1-1610061A6060-L.jpg" alt="织梦58建站培训班正在招生中"> </div>
                <div class="blog-classic-overlay-body">
                  <h2 class="blog-classic-title">织梦58建站培训班</h2>
                  <span class="blog-classic-subtitle">织梦58成立于2010年，至今已经发展成为国内最大的模板分享平台，为广大网站建设从业</span>
                  <p class="blog-classic-paragraph">2016-10-06</p>
                </div>
              </div>
              <a href="/a/news/gongsixinwen/2016/1006/25.html" class="blog-classic-link"></a> </article>
            <!-- End Blog Classic --> 
          </div>
        </div>
        <div class="col-md-4 md-margin-b-30">
          <div class="overflow-h"> 
            <!-- Blog Classic -->
            <article class="blog-classic wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/allimg/160508/1-16050Q931590-L.jpg" alt="织梦58-建站资源共享学习平台" style="height:220px; width:100%">
              <div class="blog-classic-body">
                <h2 class="blog-classic-title">织梦58-建站资源共</h2>
                <span class="blog-classic-subtitle">织梦58（www.dede58.com）专业提供网站模板，网页模板，网站源码，网站素材，网页特效等</span>
                <p class="blog-classic-paragraph">2016-05-08</p>
              </div>
              <div class="blog-classic-overlay">
                <div class="blog-classic-hover"> <img class="blog-classic-hover-img" src="http://p022ygu5e.bkt.clouddn.com/allimg/160508/1-16050Q931590-L.jpg" alt="织梦58-建站资源共享学习平台"> </div>
                <div class="blog-classic-overlay-body">
                  <h2 class="blog-classic-title">织梦58-建站资源共</h2>
                  <span class="blog-classic-subtitle">织梦58（www.dede58.com）专业提供网站模板，网页模板，网站源码，网站素材，网页特效等</span>
                  <p class="blog-classic-paragraph">2016-05-08</p>
                </div>
              </div>
              <a href="/a/news/2016/0508/24.html" class="blog-classic-link"></a> </article>
            <!-- End Blog Classic --> 
          </div>
        </div>
      </div>
      <!--// end row --> 
      <!-- End Blog Classic --> 
    </div>
  </div>
  <!-- End Blog Classic --> 
  
  <!-- Services v6 -->
  <div class="content-md container"> 
    <!-- Heading v1 -->
    <div class="heading-v1 text-center margin-b-80">
      <h2 class="heading-v1-title">我们的特长</h2>
      <p class="heading-v1-text">织梦58官方网站一直致力于打造一个优秀的建站资源共享学习平台</p>
    </div>
    <!-- End Heading v1 -->
    
    <div class="row">
      <div class="col-md-3 col-sm-6 md-margin-b-30"> 
        <!-- Services v6 -->
        <div class="services-v6 services-v6-bg-img-one"> <i class="services-v6-icon radius-circle icon-lightbulb"></i>
          <h3 class="services-v6-title">网站设计</h3>
          <a class="services-v6-link" href="#"></a> </div>
        <!-- End Services v6 --> 
      </div>
      <div class="col-md-3 col-sm-6 md-margin-b-30"> 
        <!-- Services v6 -->
        <div class="services-v6 services-v6-bg-img-two"> <i class="services-v6-icon radius-circle icon-camera"></i>
          <h3 class="services-v6-title">手机应用</h3>
          <a class="services-v6-link" href="#"></a> </div>
        <!-- End Services v6 --> 
      </div>
      <div class="col-md-3 col-sm-6 sm-margin-b-30"> 
        <!-- Services v6 -->
        <div class="services-v6 services-v6-bg-img-three"> <i class="services-v6-icon radius-circle icon-tools"></i>
          <h3 class="services-v6-title">视频教程</h3>
          <a class="services-v6-link" href="#"></a> </div>
        <!-- End Services v6 --> 
      </div>
      <div class="col-md-3 col-sm-6"> 
        <!-- Services v6 -->
        <div class="services-v6 services-v6-bg-img-four"> <i class="services-v6-icon radius-circle icon-wallet"></i>
          <h3 class="services-v6-title">在线培训</h3>
          <a class="services-v6-link" href="#"></a> </div>
        <!-- End Services v6 --> 
      </div>
    </div>
    <!--// end row --> 
  </div>
  <!-- End Services v6 --> 
  
  <!-- Pricing List v4 -->
  <div class="bg-color-sky-light overflow-h">
    <div class="content-md container">
      <div class="row">
        <div class="col-md-4 md-margin-b-30"> 
          <!-- Pricing List v4 -->
          <div class="pricing-list-v4 radius-10 wow fadeInUp" data-wow-duration=".2" data-wow-delay=".2s">
            <div class="pricing-list-v4-header">
              <h4 class="pricing-list-v4-title">VIP会员</h4>
              <span class="pricing-list-v4-subtitle">普通VIP会员</span> </div>
            <div class="pricing-list-v4-content">
              <div class="margin-b-40"> <span class="pricing-list-v4-price-sign"><i class="fa fa-dollar"></i></span> <span class="pricing-list-v4-price">50.</span> <span class="pricing-list-v4-subprice">00</span> <span class="pricing-list-v4-price-info">Month</span> </div>
              <div class="center-block">
                <button type="button" class="btn-dark-brd btn-base-sm radius-3">立即购买</button>
              </div>
            </div>
          </div>
          <!-- End Pricing List v4 --> 
        </div>
        <div class="col-md-4 md-margin-b-30"> 
          <!-- Pricing List v4 -->
          <div class="pricing-list-v4 radius-10 wow fadeInUp" data-wow-duration=".2" data-wow-delay=".1s">
            <div class="pricing-list-v4-header">
              <h4 class="pricing-list-v4-title">视频教程</h4>
              <span class="pricing-list-v4-subtitle">白金VIP会员</span> </div>
            <div class="pricing-list-v4-content">
              <div class="margin-b-40"> <span class="pricing-list-v4-price-sign"><i class="fa fa-dollar"></i></span> <span class="pricing-list-v4-price">500.</span> <span class="pricing-list-v4-subprice">00</span> <span class="pricing-list-v4-price-info">Month</span> </div>
              <div class="center-block">
                <button type="button" class="btn-dark-brd btn-base-sm radius-3">立即充值</button>
              </div>
            </div>
          </div>
          <!-- End Pricing List v4 --> 
        </div>
        <div class="col-md-4 md-margin-b-30"> 
          <!-- Pricing List v4 -->
          <div class="pricing-list-v4 radius-10 wow fadeInUp" data-wow-duration=".2" data-wow-delay=".2s">
            <div class="pricing-list-v4-header">
              <h4 class="pricing-list-v4-title">专属资源</h4>
              <span class="pricing-list-v4-subtitle">黄金VIP会员</span> </div>
            <div class="pricing-list-v4-content">
              <div class="margin-b-40"> <span class="pricing-list-v4-price-sign"><i class="fa fa-dollar"></i></span> <span class="pricing-list-v4-price">200.</span> <span class="pricing-list-v4-subprice">00</span> <span class="pricing-list-v4-price-info">Month</span> </div>
              <div class="center-block">
                <button type="button" class="btn-dark-brd btn-base-sm radius-3">立即充值</button>
              </div>
            </div>
          </div>
          <!-- End Pricing List v4 --> 
        </div>
      </div>
      <!--// end row --> 
    </div>
  </div>
  <!-- End Pricing List v4 --> 
  <!--========== END PAGE CONTENT ==========--> 
  
  <!--========== FOOTER V5 ==========-->
  <footer class="full-width-container"> 
    <!-- Footer v5 -->
    <div class="footer-v5 equal-height-ib">
      <div id="footer" class="row">
        <div class="col-sm-6 no-space equal-height-ib-one"> 
          <!-- Background Image -->
          <div class="equal-height-ib-bg-img bg-position-center-center"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x970/11.jpg" alt="">
            <div class="equal-height-ib-ver-center-align padding-50"> <span class="footer-v5-subtitle">www.dede58.com</span>
              <h2 class="footer-v5-title">在线留言反馈</h2>
              
              <!-- Comment Form -->
              <form id="comment-form" class="comment-form-error" action="/plus/diy.php" method="get">
                <input name="action" value="post" type="hidden">
                <input name="diyid" value="1" type="hidden">
                <input name="do" value="2" type="hidden">
                <div class="row">
                  <div class="col-md-6 margin-b-30">
                    <input type="text" class="form-control footer-v5-form" name="name" placeholder="姓名" required>
                  </div>
                  <div class="col-md-6 margin-b-30">
                    <input type="text" class="form-control footer-v5-form" name="phone" placeholder="电话" required>
                  </div>
                </div>
                <div class="margin-b-40">
                  <textarea class="form-control footer-v5-form" rows="3" name="con" placeholder="留言内容" required></textarea>
                </div>
                <input name="dede_fields" value="name,text;con,multitext;phone,text" type="hidden">
                <input name="dede_fieldshash" value="9a7f8a2ce94ae8f549d2af3577dc098d" type="hidden">
                <div class="center-block">
                  <input name="submit" value="提 交" class="btn-white-brd btn-base-md radius-3" type="submit">
                </div>
              </form>
              <!-- End Comment Form --> 
            </div>
          </div>
          <!-- End Background Image --> 
        </div>
        <div class="col-sm-6 no-space equal-height-ib-two equal-height-ib-sm-height-auto"> 
          <!-- Vertical Center Aligned -->
          <div class="equal-height-ib-ver-center-align padding-50">
            <h2 class="footer-v5-content-title margin-b-10">联系我们</h2>
            <span class="footer-v5-content-subtitle margin-b-20">www.dede58.com</span>
            <p class="footer-v5-content-text">织梦58专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。我们致力于打造一个优秀的建站资源共享学习平台。从零开始系统全面的教你如何建立一个属于自己的网站并实现盈利。课程涉及网站搭建，网站SEO，模板开发等最新建站技术。</p>
            <ul class="list-unstyled footer-v5-list">
              <li class="footer-v5-list-item"> <i class="footer-v5-list-icon icon-map"></i> 四川省成都市高新区孵化园科技大厦18楼101号 </li>
              <li class="footer-v5-list-item"> <i class="footer-v5-list-icon icon-printer"></i> +86 186 8888 8888 </li>
              <li class="footer-v5-list-item"> <i class="footer-v5-list-icon icon-envelope"></i> <a class="footer-v5-list-link" href="mailto:admin@dede58.com">admin@dede58.com</a> </li>
            </ul>
          </div>
          <!-- End Vertical Center Aligned --> 
        </div>
      </div>
    </div>
    <!-- End Footer v5 --> 
    <!-- Copyright -->
    <div class="footer-v5-copyright">
      <div class="content-sm container-sm">
        <div class="center-block"> <a href="/"> <img class="footer-v5-copyright-logo margin-b-30" src="/dede58/img/logo-default-white.png" alt=""> </a>
          <!-- Copyright Socials -->
          <ul class="list-inline footer-v5-copright-socials margin-b-30">
            <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/">网站首页</a></li>
            <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/guanyuwomen/">关于我们</a></li>
            <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/fuwuzhongxin/">服务中心</a></li>
            <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/news/gongsixinwen/">企业新闻</a></li>
            <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/anni/">产品展示</a></li>
            <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/lianxiwomen/">联系我们</a></li>
          </ul>
          <!-- End Copyright Socials -->
          <p class="footer-v5-copright-text">Copyright &copy; 2002-2011 织梦科技 版权所有 <a href=http://www.dede58.com target='_blank'>Power by dede58</a><br/>
            蜀ICP备88888888号</p>
        </div>
      </div>
    </div>
    <!-- End Copyright --> 
    
  </footer>
  <!--========== END FOOTER V5 ==========--> 
</div>
<!-- END WRAPPER --> 

<!-- Sidebar Content Overlay -->
<div class="sidebar-content-overlay"></div>
<!-- End Sidebar Content Overlay --> 

<!-- Back To Top --> 
<a href="javascript:void(0);" class="js-back-to-top back-to-top-theme"></a> 
<!-- End Back To Top --> 

<!--========== JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) ==========--> 
<!-- CORE PLUGINS --> 
<!--[if lt IE 9]>
<script src="/dede58/plugins/html5shiv.js"></script>
<script src="/dede58/plugins/respond.min.js"></script>
<![endif]--> 
<!-- CORE PLUGINS --> 
<script type="text/javascript" src="/dede58/plugins/jquery.migrate.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/bootstrap/js/bootstrap.min.js"></script> 
<!-- END CORE PLUGINS --> 

<!-- PAGE LEVEL PLUGINS --> 
<script type="text/javascript" src="/dede58/plugins/jquery.back-to-top.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.smooth-scroll.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.animsition.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.wow.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/dzsparallaxer/dzsparallaxer.js"></script> 
<script type="text/javascript" src="/dede58/plugins/owl-carousel/owl.carousel.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/validation/jquery.validate.min.js"></script> 
<script type="text/javascript" src="http://p022ygu5e.bkt.clouddn.com/js/waypoints.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/counter/jquery.counterup.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.html5.video.vide.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.masonry.pkgd.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.imagesloaded.pkgd.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/validation/jquery.validate.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/magnific-popup/jquery.magnific-popup.min.js"></script> 
<!-- END PAGE LEVEL PLUGINS --> 

<!-- PAGE LEVEL SCRIPTS --> 
<script type="text/javascript" src="/dede58/scripts/app.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/header-sticky.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/animsition.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/scrollbar.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/form-modal.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/rev-slider.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/counters.js"></script> 
<script type="text/javascript" src="/dede58/scripts/portfolio/portfolio-4-col-fullwidth.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/owl-carousel.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/masonry.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/wow.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/comment-form.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/magnific-popup.js"></script> 
<!-- END PAGE LEVEL SCRIPTS --> 
<!--========== END JAVASCRIPTS ==========-->
</body>
<!-- END BODY -->

</html>
